﻿
@{

    ViewBag.Title = "店铺装修";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var spid = Request["spid"];
    var said = Request["said"];
    var templates = ViewBag.Templates;
    var cartCount = ViewHelper.CartCount();
}



<link href="~/Content/css/index.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="~/scripts/Decorate/Decorate.js"></script>

<div>
    <div class="layout bgcolor"
         style="background-color: #F8F8F8;line-height: 1.6;" id="layout_view">
        @foreach (var item in templates)
        {
            if (item.Name == "menu" && item.IsRender)
            {
                <div class="cq_block" v-if="menus">
                    <div class="menuList">
                        <div class="menuDiv" v-for="item in menus">
                            <div v-on:click="jumpMenu" :data-menuid="item.isAll?0:item.Id" class="menuItem"
                                 style="background: linear-gradient(90deg, rgb(168, 81, 230), #4B0082);">
                                <img class="menuIcon" :src="item.ImgPath" />

                            </div>
                            <div class="menuItemText">{{item.MenuName}}</div>
                        </div>
                    </div>
                </div>
            }
           
        }
        @*<div class="header">
            <div class="search-box">

                <div class="search-input font_26r">
                    <input v-model="keyWord" id="searchInput" placeholder='请输入关键字进行搜索' />
                </div>
                <div class="search-btn" v-on:click='btnSearch'>
                    <img src="/images/search.png" />
                </div>

            </div>

            <div class='hotSearch'>
                <div v-for="item in words" v-on:click="spanSearch" :data-hot="item.KeyWord" class='hotspan'>{{item.KeyWord}}</div>
            </div>

            <div class="swiper-container swiper-banner">
                <div class="swiper-wrapper">
                    <div v-for="item in banners" class="swiper-slide">
                        <a :href="'/Product/Detail?spid=@spid&said=@said&id='+item.Id">
                            <img :src="item.ImgPath" />
                        </a>
                    </div>


                </div>
                <div class="swiper-pagination"></div>
            </div>



        </div>

        <div class="body" style="margin-top: 50px;">
            <div class="cq_block">
                <div class="service_bar">
                    <span>
                        <i class="danbao">
                        </i>
                        官方担保
                    </span>
                    <span>
                        <i class="_shouhou">
                        </i>
                        售后无忧
                    </span>
                    <span>
                        <i class="_fahuo">
                        </i>
                        极速发货
                    </span>
                </div>
            </div>






            <div class="cq_block" v-if="menus">
                <div class="menuList">
                    <div class="menuDiv" v-for="item in menus">
                        <div v-on:click="jumpMenu" :data-menuid="item.isAll?0:item.Id" class="menuItem"
                             style="background: linear-gradient(90deg, rgb(168, 81, 230), #4B0082);">
                            <img class="menuIcon" :src="item.ImgPath" />

                        </div>
                        <div class="menuItemText">{{item.MenuName}}</div>
                    </div>
                </div>
            </div>

            <div class="line" v-if="specialArea">
                <span>热门专区</span>
            </div>
            <div class="cq_block" v-if="specialArea">
                <div class="hotBlock">
                    <div class="hotBody">
                        <div v-for="item in specialArea" class="hotBodyDiv">
                            <a :href="'/Product/menuList?spid=@spid&said=@said&menuid='+item.MenuId">
                                <div class="hotBodyItem">
                                    <img class="hotBodyItemImg" :src="item.ImgPath" />
                                    <div class="hotText">{{item.PlaceName}}</div>
                                </div>
                            </a>

                        </div>


                    </div>
                </div>
            </div>
            <div class="line" v-if="hots">
                <span>热门商品</span>
            </div>
            <div class="product_div" v-if="hots">
                <a v-for="item in hots" :href="'../product/detail?spid=@spid&id='+item.Id+'&said='+item.ShopAdminId" class='cm-pic-nav'>
                    <div class="product_item">
                        <div class="product_head">
                            <img class="product_img" :src="item.ImgPath" />
                        </div>
                        <div class="product_body">
                            <div class="product_title">
                                {{item.Brand}} {{item.ProductName}}
                            </div>
                            <div class="product_span">
                                <div class="product_amount">￥{{item.SallPrice}}</div>
                                <div class="product_newLevel">已售3211</div>
                            </div>

                        </div>
                    </div>
                </a>



            </div>

            <div class="cq_block" v-if="specialPlace">
                <div v-for="item in specialPlace">
                    <div v-on:click='jumpMenu' :data-menuid="item.MenuId" hover-class="none" style="text-align: center;">
                        <img class='zhuanchang' :src="item.ImgPath" />
                    </div>
                </div>

            </div>

            <div class="line" v-if="commands">
                <span>最新推荐</span>
            </div>
            <div class="product_div" v-if="commands">

                <a v-for="item in commands" :href="'../product/detail?spid=@spid&id='+item.Id+'&said='+item.ShopAdminId" hover-class="none">
                    <div class="product_item">
                        <div class="product_head">
                            <img class="product_img" :src="item.ImgPath" />
                        </div>
                        <div class="product_body">
                            <div class="product_title">
                                {{item.Brand}} {{item.ProductName}}
                            </div>
                            <div class="product_span">
                                <div class="product_amount_new">￥{{item.SallPrice}}</div>
                                <div class="list-item-line"></div>
                            </div>
                        </div>
                    </div>
                </a>


            </div>


        </div>*@

    </div>
</div>


<!--底部导航-->
<div class="foot-black"></div>
<div class="weui-tabbar wy-foot-menu">
    <a href="/Home/Index?spid=@spid&said=@said" class="weui-tabbar__item weui-bar__item--on">
        <div class="weui-tabbar__icon foot-menu-home"></div>
        <p class="weui-tabbar__label">首页</p>
    </a>

    <a href="/Product/MenuList?spid=@spid&said=@said" class="weui-tabbar__item">
        <div class="weui-tabbar__icon foot-menu-list"></div>
        <p class="weui-tabbar__label">分类</p>
    </a>
    <a href="/Cart/Index?spid=@spid&said=@said" class="weui-tabbar__item">
        @if (cartCount > 0)
        {
            <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">@cartCount</span>
        }
        <div class="weui-tabbar__icon foot-menu-cart"></div>
        <p class="weui-tabbar__label">购物车</p>
    </a>
    <a href="/User/Index?spid=@spid&said=@said" class="weui-tabbar__item">
        <div class="weui-tabbar__icon foot-menu-member"></div>
        <p class="weui-tabbar__label">我的</p>
    </a>
</div>
<script src="~/scripts/js/swiper.js"></script>

<script>
    //Vue.createApp(CounterApp).mount('#layout_view')
</script>